<template>
  <view class="">
    <swiper class="swiper" style="height: 350px;" :indicator-dots="true">
      <swiper-item v-if="video">
        <video style="width: 750rpx;height: 350px;" :src="baseImgUrl + video" :autoplay="false"></video>
      </swiper-item>
			<template v-if="list.length > 0">
				<swiper-item style="height: 350px;" v-for="(item,index) in list" :key="index">
				  <view class="flex align-center justify-center ">
						<image :src="baseImgUrl + item" style="height: 350px;width: 750rpx;"></image>
				  </view>
				</swiper-item>
			</template>
    </swiper>
  </view>
</template>

<script>
  export default {
    name: "dy-swiper-goodsDetail",
    props: {
			baseImgUrl: {
				type: String,
				default: ""
			},
      list: {
        type: Array,
        default () {
          return []
        }
      },
      video: {
        type: String,
        default: ""
      },
    },
  }
</script>

<style lang="scss" scoped>

</style>
